<template>
  <div class="set">
    <top-header :isLeft="true" title="设置"></top-header>
 
    <div class="content">
  <el-tabs :tab-position="tabPosition" style="height: 300px;">
    
    <el-tab-pane label="当前版本">下厨房V.1.0.0</el-tab-pane>
    <el-tab-pane label="关于我们">慢慢体会团队；<br>联系方式：1299216471@qq.com <br>地址：安徽省芜湖市弋江区</el-tab-pane>
    <el-tab-pane label="关于下厨房">这是一款非常贴心的美食制作食谱分享小程序，用户直接通过小程序就可以搜索到你想要制作的美食食谱，操作步骤非常的清楚结合着文字和图片的方式，让你能轻松做一道好菜，你也可以发布菜谱到平台上哦，说不定还有其他用户照着你的菜谱来做一道菜，是不是非常的有成就感。你可以在食谱分类中寻找你要制作的菜，家常菜、快手菜、下饭菜、早餐、肉、鱼等制作方法清楚的告诉你，让你做一手好菜。</el-tab-pane>
  </el-tabs>
    </div>
  <div class="bottom">
    <el-button @click="tuichu()" >退出登录</el-button>
  </div>
  </div>
</template>

<script >
import { Dialog } from 'vant';
import TopHeader from '../components/TopHeader.vue'
export default {
  components: { TopHeader },
  data() {
    return {
       tabPosition: 'left'
    }
  },
  methods: {
    tuichu(){
     {
       Dialog.confirm({
  title: '提示',
  message: '确定退出吗？',
})
  .then(() => {
   this.$router.push({name:'Login'})
  })
  .catch(() => {
    return false
  });
    }
    }
  },
}

</script>
<style lang="scss" scoped>

.content{
  //  margin-top: 90px;
  // padding-top: 10px;
  
 padding-top: 100px;
  font-size: 16px;
    .qiehuan{
      width: 100px;
      height: 40px;
      background: rgb(155, 229, 155);
      color: white;
      border: 0;
    }
}
.bottom{
  text-align: center;
}

</style>